<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>冒泡捕获流，事件与事件源对象，事件委托</title>
</head>
<body>
    <script>
        // 事件流：描述从页面中接受事件的顺序 捕获 冒泡
        // ie 提出 事件冒泡流
        // Netscape 提出 事件捕获流
        // 事件流 事件捕获阶段 、处于目标阶段、事件冒泡阶段
        // 处于目标阶段 是以代码的先后顺序执行

        // dom0 onclick
        // dom1 没有定义事件模型
        // dom2 addEventLIstener

        // 事件对象
        // 事件对象是通过 new MouseEvent()
        // target  srcElement 事件源对象
            // 火狐只有target
            // ie只有srcElement

        // 事件委托
        // indexof
        // 获取元素下标
        // Array.prototype.indexOf.call(,)
    </script>
</body>
</html>